@{
    Layout = "_Layout";
}

<style>
    #form_contain {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .hover-sel {
        cursor: pointer;
        transition: all .3s ease;
    }

        .hover-sel:hover {
            box-shadow: 0 0 10px 0px #23d160;
            transform: scale(1.03);
        }

    .glass-box {
        width: 400px;
        /* 磨砂玻璃效果 */
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(10px);
        border-radius: 10px;
    }
</style>

<main style="position: relative; height: 100%; min-width: 1200px;">
    <video src="~/video/bg.mp4" class="banner-video" width="auto" autoplay="true" loop="true" style="
        position: absolute;
        height: 100%;
        object-fit: cover;
        opacity: 0.8;
        top: 0px;
        left: 0px;
        z-index: -1;
        width: 100%;
        "></video>

    <div id="form_contain">
        <div>

            <h2 class="title is-3"><strong>注册业务</strong></h2>
            <h4 class="title is-5">选择一种业务以开始, 您也可跳过此步骤, 稍后在[业务管理]中进行添加</h4>
            <div class="level" style="gap: 100px">
                <!-- 成为货源提供方-->
                <div class="level-left">
                    <a href="/Work/CreateSupplier">
                        <div class="level-item box glass-box hover-sel">
                            <article class="media">
                                <div class="media-left">
                                    <div class="icon is-large">
                                        <i class="fa-solid fa-warehouse"></i>
                                    </div>
                                </div>
                                <div class="media-content">
                                    <div class="content">
                                        <p>
                                            <strong>货源提供方</strong>
                                            <br>
                                            注册为货源方, 您可以发布加工需求. 使用平台进行交流, 如果报价合适, 您可以与工厂便捷快速的达成合作.
                                        </p>
                                    </div>
                                </div>

                            </article>
                        </div>
                    </a>
                </div>

                <!-- 成为工厂合作方-->
                <div class="level-right">
                    <a href="/Work/FactoryList">
                        <div class="dropdown level-item is-hoverable box glass-box hover-sel">
                            <div class="dropdown-trigger">
                                <article class="media">
                                    <div class="media-left">
                                        <div class="icon is-large">
                                            <i class="fa-solid fa-gears"></i>
                                        </div>
                                    </div>

                                    <div class="media-content">
                                        <div class="content">
                                            <p>
                                                <strong>工厂合作方</strong>
                                                <br>
                                                成为工厂方, 您可以接受货源方的加工需求. 在现代化平台上进行管理, 方便的管理及交付事务.
                                            </p>
                                        </div>
                                    </div>
                                </article>
                            </div>
                            <div class="dropdown-menu">
                                <div class="dropdown-content">
                                    <div class="dropdown-item">
                                        <span class="icon-text has-text-info">
                                            <span class="icon">
                                                <i class="fas fa-info-circle"></i>
                                            </span>
                                            <span>提示:</span>
                                        </span>
                                        为维护平台的公平性, 工厂方仅支持通过邀请码进行注册. 选择此项后您可进入工厂业务列表使用邀请码添加工厂业务. 如果您没有邀请码, 请联系平台管理员.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
            <div class="level">
                <div class="level-left">
                </div>
                <div class="level-right">
                    <!-- 跳过注册按钮 -->
                    <a class="is-primary" href="/User/Index">
                        <strong>跳过注册</strong>
                        <span class="icon">
                            <i class="fa-solid fa-arrow-right"></i>
                        </span>
                    </a>
                </div>
            </div>

        </div>

    </div>
</main>
